/**
 * 
 */
$(document).ready(function(){
	
	//当页面加载完成后，马上自动的调用加载
	initUserData();
	
	//对心增按钮绑定点击事件
	$('#a_add').on('click',function(){
		console.log("绑定了点击事件")
		//通过 ajax获取新增表单的HTML数据 （不需要整个HTML的页面，只需要<form>表单的HTML数据）
		$.ajax({
			url:'user/goadd',
			success:function(htmlText){
				console.log(htmlText);
				layer.open({
					type:1,
					title:'用户新增',
					area:'600px',
					content:htmlText //htmlText 就是AJAX后台响应的 form的HTML
				});
			}
		});
		
	});
	// 绑定分为 直接绑定 /  委托绑定
	//这个是委托绑定
	//使用事件委托的方式对弹窗中的按钮绑定点击事件
	$(document).off('click','#btn_add').on('click','#btn_add',function(){
		console.log("委托绑定点击事件");
		$.ajax({
			type:'post',
			url:'user/doadd',
			data:$('#form_add').serialize(),
			success:function(result){
				if(result){//判断新增成功
					console.log("数据新增成功");
					//将弹窗关闭
					//如果你想关闭最近弹出的层，直接获取layer.index即可
					layer.close(layer.index);//他获取的始终是最新弹出的某个层
					//此处应该重新加载table中的数据
					initUserData();
				}
			}
		});
		return false;
	});
	
	
	
	
	//  删除
	//通过构委托的方式，对删除按钮进行批量的事件绑定     基于 tbody_role 委托 进行删除
	$('#tbody_user').off('click','.deleteA').on('click','.deleteA',function(){
		console.log("对删除绑定了点击事件");
		//得到出发此次的事件的DOM对象this，在使用$( ) 封装成jQuery对象
		var $this = $(this);
		// <a data-id="10">删除</a>
		var rowId = $this.data("id");
		console.log(rowId);
		if(confirm("您确定要删除吗？")){
			console.log("确定要删除吗？");
			$.ajax({
				url:'user/dodelete',
				data:{"rowId":rowId},//提交数据
				success:function(){
					initUserData();
				}
			});
		}
	});
	
	//通过委托的方式  .完成修改按钮的事件
	
	$(document).off('click','#btn_edit').on('click','#btn_edit', function (){
		$.ajax({
			type:'post',
			url:'user/doeidt',
			data:$('#form_edit').serialize(),
			success:function(result){
				if(result){
					layer.close(layer.index);
					initUserData();
				}
			}
		});
		return false;
	});
	
	// 修改
	// 通过委托的方式，绑定修改的点击事件
	$('#tbody_user').off('click','.updateA').on('click','.updateA',function(){
		var $this = $(this);
		var rowId = $this.data('id');
		console.log("绑定了修改，修改主键="+rowId);
		$.ajax({
			url:'user/goedit',
			data:{"rowId":rowId},
			success:function(formHtml){
				console.log(formHtml);
				layer.open({
					type:1,
					title:'用户修改',
					area:'600px',
					content:formHtml 
				});
			}
		});
		
	});
	
	
	// 通过ajax 的方式加载角色的数据  
	function initUserData(){
		$.ajax({
			url:'user/list',
			success:function(userList){//success:function(userList) 里面的参数可以随便写
				console.log(userList);
				var trs='';
				if(userList){
					$.each(userList,function(index,user){
						//console.log(index);
						//console.log(user);
						var rowId = user.rowId;
						var userKind = user.userKind;
						var kindName = '商户';
						if(userKind ==1){
							kindName = '买家';
						}
						trs+='<tr><td>'+user.userName+'</td><td>'+user.userCode+'</td><td>'
						+kindName+'</td><td>'+user.createDate+
						'</td><td><a href="javascript:;" class="updateA" data-id="'+rowId+'" >修改</a>&nbsp;&nbsp;'+
						'<a href="javascript:;"  class="deleteA" data-id="'+rowId+'">删除</a></td><tr>' ;                                        
					});
				}
				console.log(trs);
				//将拼接好的trs语句以HTML的方式插入到tbody中。
				$('#tbody_user').html(trs);
			}
		});
	}

});
